<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!-- 用户信息 -->

<!--学生-->
<div class="intro-x dropdown w-8 h-8 relative" th:fragment="Student">
    <div class="dropdown-toggle w-8 h-8 rounded-full overflow-hidden shadow-lg image-fit zoom-in">
        <img alt="favicon" src="../../static/image/favicon/cat.png">
    </div>
    <div class="dropdown-box mt-10 absolute w-56 top-0 right-0 z-20">
        <div class="dropdown-box__content box bg-theme-38 text-white">
            <div class="p-4 border-b border-theme-40">
                <div class="font-medium" >
                    <p th:text="${session.NickName}"></p>
                </div>
                <div class="text-xs text-theme-41">
                    学生
                </div>
            </div>
            <div class="p-2">
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="user" class="w-4 h-4 mr-2"></i>
                    个人信息
                </a>
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="lock" class="w-4 h-4 mr-2"></i>
                    修改密码
                </a>
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="help-circle" class="w-4 h-4 mr-2"></i>
                    帮助
                </a>
            </div>
            <div class="p-2 border-t border-theme-40">
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="power" class="w-4 h-4 mr-2"></i>
                    退出
                </a>
            </div>
        </div>
    </div>
</div>
<!--老师-->
<div class="intro-x dropdown w-8 h-8 relative" th:fragment="Teacher">
    <div class="dropdown-toggle w-8 h-8 rounded-full overflow-hidden shadow-lg image-fit zoom-in">
        <img alt="favicon" src="../../static/image/favicon/fox.png">
    </div>
    <div class="dropdown-box mt-10 absolute w-56 top-0 right-0 z-20">
        <div class="dropdown-box__content box bg-theme-38 text-white">
            <div class="p-4 border-b border-theme-40">
                <div class="font-medium" >
                    <p th:text="${session.NickName}"></p>
                </div>
                <div class="text-xs text-theme-41">
                    老师
                </div>
            </div>
            <div class="p-2">
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="user" class="w-4 h-4 mr-2"></i>
                    个人信息
                </a>
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="lock" class="w-4 h-4 mr-2"></i>
                    修改密码
                </a>
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="help-circle" class="w-4 h-4 mr-2"></i>
                    帮助
                </a>
            </div>
            <div class="p-2 border-t border-theme-40">
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="power" class="w-4 h-4 mr-2"></i>
                    退出
                </a>
            </div>
        </div>
    </div>
</div>
<!--教务处管理员-->
<div class="intro-x dropdown w-8 h-8 relative" th:fragment="Admin">
    <div class="dropdown-toggle w-8 h-8 rounded-full overflow-hidden shadow-lg image-fit zoom-in">
        <img alt="favicon" src="../static/image/favicon/monkey.png">
    </div>
    <div class="dropdown-box mt-10 absolute w-56 top-0 right-0 z-20">
        <div class="dropdown-box__content box bg-theme-38 text-white">
            <div class="p-4 border-b border-theme-40">
                <div class="font-medium" >
                    <p th:text="${session.NickName}"></p>
                </div>
                <div class="text-xs text-theme-41">
                    教务处管理员
                </div>
            </div>
            <div class="p-2">
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="user" class="w-4 h-4 mr-2"></i>
                    个人信息
                </a>
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="lock" class="w-4 h-4 mr-2"></i>
                    修改密码
                </a>
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="help-circle" class="w-4 h-4 mr-2"></i>
                    帮助
                </a>
            </div>
            <div class="p-2 border-t border-theme-40">
                <a th:href="@{/logout}" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="power" class="w-4 h-4 mr-2"></i>
                    退出
                </a>
            </div>
        </div>
    </div>
</div>
<!--系统管理员-->
<div class="intro-x dropdown w-8 h-8 relative" th:fragment="Super">
    <div class="dropdown-toggle w-8 h-8 rounded-full overflow-hidden shadow-lg image-fit zoom-in">
        <img alt="favicon" src="../static/image/favicon/pee.png">
    </div>
    <div class="dropdown-box mt-10 absolute w-56 top-0 right-0 z-20">
        <div class="dropdown-box__content box bg-theme-38 text-white">
            <div class="p-4 border-b border-theme-40">
                <div class="font-medium" >
                    <p th:text="${session.NickName}"></p>
                </div>
                <div class="text-xs text-theme-41">
                    系统管理员
                </div>
            </div>
            <div class="p-2">
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="user" class="w-4 h-4 mr-2"></i>
                    个人信息
                </a>
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="lock" class="w-4 h-4 mr-2"></i>
                    修改密码
                </a>
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="help-circle" class="w-4 h-4 mr-2"></i>
                    帮助
                </a>
            </div>
            <div class="p-2 border-t border-theme-40">
                <a href="" class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 rounded-md">
                    <i data-feather="power" class="w-4 h-4 mr-2"></i>
                    退出
                </a>
            </div>
        </div>
    </div>
</div>
</html>